<template>
  <div>
    <van-swipe :autoplay="3000" indicator-color="white">
      <van-swipe-item>
          <img src="@/assets/logo.png" alt="" width="100%" style="display:block">
      </van-swipe-item>
      <van-swipe-item>
          <img src="@/assets/logo.png" alt="" width="100%" style="display:block">
      </van-swipe-item>
    </van-swipe>
    <van-row>
        <van-col span="8"><van-icon color="darkred">30天无忧退货</van-icon></van-col>
        <van-col span="8"><van-icon color="darkred">30天无忧退货</van-icon></van-col>
        <van-col span="8"><van-icon color="darkred">30天无忧退货</van-icon></van-col>
    </van-row>
    <div class="info">
        <div class="title">羊毛衫</div>
        <div class="title">羊毛衫</div>
        <div class="title">羊毛衫</div>
    </div>
    <div class="arrtibute">
        <div class="title">羊毛衫</div>
        <div class="title">羊毛衫</div>
        <div class="title">羊毛衫</div>
        <div class="title">羊毛衫</div>
    </div>
    <div class="arrtibute">
        <div class="title">羊毛衫</div>
        <div class="title">羊毛衫</div>
        <div class="title">羊毛衫</div>
        <div class="title">羊毛衫</div>
    </div>
    <van-submit-bar :price="3050" button-text="提交订单" @submit="onSubmit" />

  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  components: {},
};
</script>

<style scoped>
.info{
    background: #fff;
    padding: 0.2rem;
    text-align: center;
}
.arrtibute{
   background: #fff; 
   margin-top: 0.2rem;
   padding: .2rem;
}
.arrtibute .title{
    line-height: .2rem;
    background: #eee;
    margin: .1rem 0;
}
</style>
